<template>
  <PageContainer>
    <Title title="计费规则">
      <template #default>
        <el-button type="primary" plain>添加计费规则</el-button>
      </template>
    </Title>
    <el-table :data="priceRuleTableData">
      <el-table-column prop="name" label="计费规则名称" />
      <el-table-column prop="price" label="规则摘要" />
      <el-table-column prop="createTime" label="关联教室" />
      <el-table-column prop="updateTime" label="操作" />
    </el-table>
    <Title title="定价模版" class="mt-20px">
      <template #default>
        <el-button type="primary" plain>添加定价模板</el-button>
      </template>
    </Title>
    <el-table :data="templateTableData">
      <el-table-column prop="name" label="定价模板名称" />
      <el-table-column prop="price" label="教室" />
      <el-table-column prop="createTime" label="周几" />
      <el-table-column prop="createTime" label="计费规则" />
      <el-table-column prop="createTime" label="状态" />
      <el-table-column prop="updateTime" label="操作" />
    </el-table>
  </PageContainer>
</template>

<script lang="ts" setup>
defineOptions({ name: 'RentalBillingRules' })

const priceRuleTableData = ref([])
const templateTableData = ref([])
</script>

<style scoped lang="scss"></style>
